<p>
  bind works!
</p>
<!-- <input> -->
<!-- 插值表达式和值绑定 -->
<img [src] = 'imageUrl' >
<img src = "{{imageUrl}}">
<!-- 事件绑定 -->
<button type="button" class="btn btn-primary" (click)="doSomething($event)">button</button>
<!-- html元素和dom元素的属性值修改 -->
<input value="happykala" (input)="doInput($event)">

<!-- html的属性绑定 -->
<table>
  <tr><td [attr.colspan]="size">happykala</td></tr>
</table>

<!-- 使用class属性全部替代 -->
<p [class] = 'strClass'>你好</p>
<!-- 使用class根据表达式替换 -->
<p class="a b" [class.c] = "isBigSize">好不好</p>
<!-- 使用ngClass指令来处理 -->
<p [ngClass]="strNgClass">太好了</p>
<!-- 使用style来处理 -->
<p [style.color] = 'color'>11111</p>
<!-- 使用ngStyle处理 -->
<p [ngStyle]='strNgStyle'>22222</p>



<!-- 双向绑定的处理 -->
<!-- <input value="happykala" (input)="changeValue($event)"> -->
<input value="happykala" (input)="changeValue($event)">
{{name}}

<input type="text" [(ngModel)]="name">


